<!doctype html>
<html lang="en">
<head>
    <script src="js/vue.min.js"></script>
    <script src="https://unpkg.com/http-vue-loader"></script>
    <style>
        .u-btn-selectfile{
            background: #eee;
            border: none;
            /*color: #ffffff;*/
            font-weight: bold;
        }
        .u-btn-selectfile:focus{
            outline: 0;
        }
        .u-btn-selectfile span{
            position: relative;
            top: -3px;
        }
    </style>
</head>

<body>
<div id="my-app">
    <my-component></my-component>
    <login style="width: 430px; height: 410px;"></login>
<!--    <span>选择⽂件：</span>-->
<!--    <input type="text" size="20" name="upfile" id="upfile" class="u-input-version"/>-->
    <button type="button" onclick="path.click()" class="u-btn-selectfile">
        <span>...</span></button>
    <input type="file" id="path" style="display:none" onchange="console.log(this.value)"/>
</div>

<script type="text/javascript">
    let a = new Vue({
        el: '#my-app',
        data: {

        },
        methods: {
            name() {

            }
        },
        components: {
            'my-component': httpVueLoader('vue/my-component.vue'),
            'login': httpVueLoader('vue/login.vue')
        }
    });
</script>
</body>
</html>
